<el-drawer
    class="mk-drawer-form"
    :visible.sync="preview.drawer"
    :with-header="false"
    size="100%">
    <div class="mk-drawer-warp" style="position: relative;">
        <el-page-header 
            @back="preview.drawer=false" 
            :content="preview.mobile ? '手机视图' : '电脑视图'">
        </el-page-header>
        <el-tooltip content="点击切换视图" placement="left">
            <i 
                class="mk-themes-preview-change"
                :class="preview.mobile ? 'el-icon-mobile' : 'el-icon-monitor'" 
                @click="preview.mobile = !preview.mobile">
            </i>
        </el-tooltip>
        <div class="mk-card-tabs mk-themes-preview-tabs" :class="{'mk-iphone': preview.mobile}">
            <iframe :src="preview.url"></iframe>
        </div>
    </div>
</el-drawer>